/*
 * @Title: 旅游宾馆-立即预定
 * @Created by: ycq 
 */
<template>
	<view class="order-body">
		<view v-if="showMask" class="mask" @click="closeMask"></view>
		<IndexHead :config='pageConfig'></IndexHead>
		<view class="order-head">
			<text class="order-hotel-name">{{hotel}}</text>
			<view class="room-info">
				<view style="width: 100%;height: auto;display: table;">
				<image class="room-img" src="/static/myPic/binguan.png" @click="toDetailList" mode=""></image>
				<view class="order-right">
					<view class="item-title"  @click="toDetailList">
						<text class="title-text">豪华大床房</text>
						<text class="onePrice">￥46</text>
					</view>
					<text class="time" @click="toDetailList">8月10日 至 8月12日</text>
					<text class="tip" @click="toDetailList">大床1.8m | 全房间WiFi | 无...</text>
					<text class="tip" @click="toDetailList">据您2.4公里</text>
					<image src="/static/jiantou.png" mode="" ></image>
					<text class="read" @click="showRoomDetail">详情 | 购买须知 </text>
				</view>
				</view>
				<view style="width: 100%;height: 50upx;">
					<text class="quxiao">!有条件取消，住房前两个时可免费取消住宿...</text>
				</view>
			</view>
		</view>
		<view class="order-info"  style="margin-top: 180upx;">
			<view class="date" @click="toDate" :style="{height:(date1==null||date2==null)?'80upx':''}">
				<text class="data-text">
					<text class="time" v-if="date1!=null">{{date1.str}}</text>
					<text class="time-n" v-if="date1==null">选择日期</text>
					<text class="warning" v-if="date1==null" style="margin-left: -130upx;">请填写信息</text>
					入住
					<text class="zhi">—</text>
					<text class="time" v-if="date2!=null">{{date2.str}}</text>
					<text class="time-n" v-if="date2==null">选择日期</text>
					<text class="warning" v-if="date2==null" style="margin-left: -130upx;">请填写信息</text>
					离店
				</text>
				<uni-icon type="arrowright" size="20" color="rgba(167,167,167,1.00)" style='margin-top: 10upx;float: right;'></uni-icon>
				<text class="days" v-if="date1!=null&&date2!=null">共{{day}}晚</text>
			</view>
		</view>
		<view class="order-info" style="margin-top: 20upx;">
			<view class="order-info-line">
				<text class="order-label">房间数</text>
				<text class="order-room-num">{{num}}间</text>
				<view class="jj">
					<image v-if='num>1' src="/static/shop/cjian.png" mode="" @click="minusNum()"></image>
					<image v-if='num<2' src="/static/shop/jian.png" mode=""></image>
					<text>{{num}}</text>
					<image src="/static/shop/jia.png" mode="" @click="addNum()"></image>
				</view>
			</view>
			<view class="order-info-line" :style="{height:num*100+'upx' }" v-if="!needId">
				<text class="order-label" :style="{height:num*100+'upx','line-height':num*100+'upx' }">住客姓名</text>
				<view class="renyuan-list" :style="{height:num*100+'upx' }">
					<view class="renyuan-item" style="color:rgba(51,51,51,1.00)" v-if="renyuanData[index]!=null" v-for="(item,index) in num" :key='index'>
						<text>{{renyuanData[index]}}</text>
						<image @click="toRenyuan" class="txl" style="padding: 30upx;margin-right: -15upx;float: right;margin-top: 0;"  src="/static/renyuan.png" mode=""></image>
					</view>
					<view class="renyuan-item" v-if="renyuanData[index]==null" v-for="(item,index) in num" :key='index'>
						<text class="warning" style="margin-left: 0;">请填写信息</text>
						<text>房间{{index+1}}，每件需填1人姓名</text>
						
						<image @click="toRenyuan" class="txl" style="padding: 30upx;margin-right: -15upx;float: right;"  src="/static/renyuan.png" mode=""></image>
					</view>
				</view>
			</view>
			<view class="order-info-line" :style="{height:peopleData.length*220+(num-peopleData.length)*100+'upx' }"  v-if="needId">
				<text class="order-label" :style="{height:peopleData.length*220+(num-peopleData.length)*100+'upx','line-height':peopleData.length*220+(num-peopleData.length)*100+'upx' }">住客姓名</text>
				<view class="renyuan-list" :style="{height:peopleData.length*220+(num-peopleData.length)*100+'upx' }">
					<view class="renyuan-item-id" style="color:rgba(51,51,51,1.00)" v-if="peopleData[index]!=null" v-for="(item,index) in num" :key='index'>
						<text class="renyuan-name-id">{{peopleData[index].name}}</text>
						<text class="renyuan-info-id" v-if="peopleData[index].phone!=''||peopleData[index].cardId!=''">{{peopleData[index].phone}}</text>
						<text class="renyuan-info-id" v-if="peopleData[index].phone!=''||peopleData[index].cardId!=''">{{peopleData[index].cardId}}</text>
						<text class="renyuan-tip-id" v-if="peopleData[index].phone==''||peopleData[index].cardId==''">信息不全，请补全信息</text>
						<image @click="toRenyuan" class="txl" style="padding: 30upx;margin-right: -15upx;float: right;margin-top: 0;"  src="/static/renyuan.png" mode=""></image>
					</view>
					<view class="renyuan-item" style="height: 100upx;" v-if="peopleData[index]==null" v-for="(item,index) in num" :key='index' @click="toRenyuan">
						<text class="warning" style="margin-left: 0;">请填写信息</text>
						<text>房间{{index+1}}，每件需填1个出行人</text>
						<image  class="txl" style="padding: 30upx;margin-right: -15upx;float: right;margin-top: 0;"  src="/static/renyuan.png" mode=""></image>
					</view>
				</view>
			</view>
			<view class="order-info-line">
				<text class="order-label">联系方式</text>
				<input type="text" v-model="contect" placeholder="用于接收通知" placeholder-style="color:#999999;" class="order-input">
				<text class="warning" v-if="contect==''">请填写联系方式</text>
				<image class="txl" src="/static/txl.png" mode=""></image>
			</view>
			<view class="order-info-line">
				<text class="order-label">预计到店</text>
				<view class="order-time" @click="openPicker()">
					<!-- <picker mode="time" :value="time"  @change="bindTimeChange"> -->
					<view class="uni-input" v-if="time!=''">{{time}}</view>
					<view class="uni-input" v-if="time==''">预计到店时间</view>
					<text class="warning" v-if="time==''" style="margin-left: 0;margin-top: -16upx;">请选择到店时间</text>
					<!-- </picker> -->
				</view>
				<image class="time-jiantou" @click="openPicker()" src="/static/jiantou.png" mode=""></image>
			</view>
		</view>
		<view class="order-info">
			<view class="hotel-pos">
				<image src="/static/pos-org.png" mode=""></image>
				<text class="hotel-pos-label">酒店位置</text>
				<text class="hotel-add">沈阳市 沈河区 沈阳路</text>
			</view>
		</view>
		<view class="order-info">
			<view class="youhui">
				<image src="/static/box.png" mode=""></image>
				<text class="jf">共有321积分</text>
			</view>
		</view>
		<view class="order-bottom">
			<view class="btn" @click="pay">立即支付</view>
			<view class="btn2" v-if="!addedXc" @click="payXc">加入行程<br>暂不支付</view>
			<view class="btn2" style="line-height: 98upx;padding: 0;height: 98upx;" v-if="addedXc" >已加入行程</view>
			<view style="float: right;">
				<text class="price">￥698</text>
				<text class="sum">共计：</text>
				<view class="yh"><text>已优惠￥20</text></view>
			</view>
		</view>
		<view v-if="ifAdd" class="if-add-xc">
			<text>是否添加到“我的行程”中</text>
			<view class="add-xc-bottom">
				<view class="add-quxiao" @click="quxiaoXc">取消</view>
				<view class="add-add" @click="payXc">添加</view>
			</view>
		</view>
		<pay-view v-if='toPay' pageId='hotel'></pay-view>
		<PaySuccess v-if='paySucc' :payData='payData'></PaySuccess>
		<xing-cheng v-if='showXc'/>
		<TimePicker v-if='showPicker'></TimePicker>
		<RoomDetail v-if='showRoom' :roomConf='roomConfig' ></RoomDetail>
	</view>
</template>

<script>
	import PaySuccess from '@/components/PaySuccess.vue'
	import RoomDetail from '@/components/RoomDetail.vue'
	import TimePicker from '@/components/TimePicker.vue'
	import uniIcon from '@/components/uni-icon/uni-icon'
	export default{
		data(){
			return{
				needId:true,
				showXc:false,
				ifAdd:false,
				contect:'',
				addedXc:false,
				toPay:false,
				showRoom:false,
				paySucc:false,
				num:1,
				renyuanData:['张蕾'],
				showPicker:false,
				showMask:false,
				xcId:null,
				hotel:'天然居大酒店',
				time: '',
				startTime:'',
				payData:[],
				endeTime:'',
				day:3,
				roomConfig:{
					openMore:true,
					showBanner:false,
					showBottom:false
				},
				peopleData:[
					{
						name:'任雪',
						cardId:'213***********213',
						phone:'156****2134'
					},
					// {
					// 	name:'张蕾',
					// 	cardId:'',
					// 	phone:''
					// }
				],
				pageConfig:{
					common:{
						hasSearch:false, //显示整版搜索框
						hasTitle:false, //显示页面title
						hasMenu:false,
						maxHead:true,
						pageId:'',
					},
					left:{
						showBack:true,
						img:'' , //左侧图标
						text:'', //左侧文字
					},
					mid:{
						title:'' ,//页面title
						hasSearchMid:false //显示中间搜索框
					},
				},
			}
		},methods:{
			bindTimeChange: function(e) {
				this.time = e.target.value
			},
			pay(){
				if(this.time==''||this.phone==''||this.num>this.renyuanData.length){
					uni.showToast({
						title: '请完善信息',
						icon: 'none',
						duration: 1000
					});
					return
				}
				
				this.toPay = true
				this.showMask = true
			},
			exitPay(){
				this.toPay = false
				this.showMask= false
				document.body.style.overflow = 'scroll'
			},
			paySuccess(data){
				data.hotel = this.hotel
				this.payData = data
				this.toPay = false;
				this.paySucc = true;
			},
			closeBox(){
				this.paySucc = false;
				document.body.style.overflow = 'scroll'
				if(this.xcId!=null){
					this.$store.state.tabInd = 3
					uni.navigateTo({
						url:'../../gonglue/glTabbar'
					})
				}else{
					this.ifAdd = true
					// this.showMask= false
				}
			},
			toRenyuan(){
				if(this.needId){
					uni.navigateTo({
						url:'renyuanId'
					})
				}else{
					uni.navigateTo({
						url:'renyuan'
					})
				}
				
			},
			toDate(){
				uni.navigateTo({
					url:'hotelDate?pageFrom=hotel'
				})
			},
			payXc(){
				if(this.time==''||this.phone==''||this.num>this.renyuanData.length){
					uni.showToast({
						title: '请完善信息',
						icon: 'none',
						duration: 1000
					});
					return
				}
				if(this.xcId!=null){
					this.$store.state.tabInd = 3
					uni.navigateTo({
						url:'../../gonglue/glTabbar'
					})
				}else{
					this.showXc = true
				}
			},
			showRoomDetail(){
				this.showRoom = true
				document.body.style.overflow = 'hidden'
			},
			closeRoom(){
				this.showRoom = false
				document.body.style.overflow = 'scroll'
			},
			toOrderByXc(){
				this.xcId =1
				this.showXc = false
			},
			closeXc(){
				this.showXc=false
				uni.navigateTo({
					url:'hotelDetail'
				})
				document.body.style.overflow = 'scroll'
			},
			addXc(){
				this.showXc=false
				this.ifAdd =false
				this.showMask = false
				this.addedXc = true
				document.body.style.overflow = 'scroll'
				// this.$store.state.tabInd = 3
				// uni.navigateTo({
				// 	url:'../../gonglue/glTabbar'
				// })
			},
			quxiaoXc(){
				uni.navigateBack({
					delta:1
				})
			},
			toDetailList(){
				uni.navigateTo({
					url:'hotelDetail?tolist=true',
				})
			},
			toDetailxq(){
				uni.navigateTo({
					url:'hotelDetail?toxq=true',
				})
			},
			openPicker(){
				this.showPicker = true
				document.body.style.overflow = 'hidden'
			},
			closePicker(){
				this.showPicker = false
				document.body.style.overflow = 'scroll'
			},
			toContect(){
				uni.navigateTo({
					url:'/pages/my/myTicket/ticketMessage'
				})
			},
			addNum(){
				this.num++
			},
			minusNum(){
				if(this.num>1){
					this.num--
				}
			},
			closeMask(){
				this.exitPay()
			}
		},
		computed: {
			date1() {
				return this.$store.state.startTime
			},
			date2() {
				return this.$store.state.endTime
			}
		},
		onLoad(options) {
			if(options!=null){
				if(options.xcId!=null){
					this.xcId = options.xcId
				}
			}
			console.log(this.$store.state.startTime)
			console.log(options)
         },
		components:{
			PaySuccess,
			TimePicker,
			RoomDetail,
			uniIcon
		}
	}
</script>

<style scoped>
	.order-body{
		width: 750upx;
		height: auto;
		display: table;
		padding-bottom: 120upx;
		position: relative;
		background: rgb(255,255,255);
	}
	.mask{
		width: 100%;
		height: 100vh;
		background: rgba(0,0,0,0.3);
		position: fixed;
		z-index: 25;
	}
	.order-head{
		width: 750upx;
		height: 400upx;
		position: absolute;
		top:150upx;
		/* background: #007AFF; */
	}
	.warning{
		font-size: 24upx;
		position: absolute;
		margin-left: 170upx;
		margin-top: 40upx;
		color: rgba(221,58,8,1.00);
	}
	.onePrice{
		float: right;
		font-size: 28upx;
		color: #e84b1b;
		line-height: 50upx;
	}
	.jj{
		width: 126upx;
		/* padding-left: 590upx; */
		height: 26upx;
		margin-top: 10upx;
		float: right;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.jj image{
		width: 26upx;
		min-width: 15px;
		height: 26upx;
		min-height: 15px;
		padding: 20upx;
		margin-top: -20upx;
	}
	.jj text{
		font-size: 30upx;
		margin-top: 5upx;
		line-height: 20upx;
	}
	.order-hotel-name{
		margin-left: 65upx;
		color: #FFFFFF;
		font-size: 38upx;
		font-weight: Regular;
		font-family: Microsoft YaHei Regular;
	}
	.room-info{
		width: 677upx;
		height: 303upx;
		border-radius: 20upx;
		margin-left: auto;
		margin-right: auto;
		background: #FFFFFF;
		margin-top: 20upx;
		box-shadow: 0px 0px 15px 0px rgba(232,232,232,1);
	}
	.room-img{
		width: 270upx;
		height: 193upx;
		margin-left: 25upx;
		margin-top: 28upx;
		float: left;
		border-radius: 10upx;
	}
	
	.order-right{
		width: 320upx;
		height: 182upx;
		float: right;
		margin-right: 30upx;
		margin-top: 28upx;
	}
	.item-title{
		width: 100%;
		margin-top: 5upx;
		height: 50upx;
	}
	.title-text{
		font-size: 34upx;
		float: left;
	}
	.renyuan-list{
		width: 448upx;
		/* margin-right: 42upx; */
		float: left;
	}
	.renyuan-item{
		width: 448upx;
		font-size: 28upx;
		line-height: 100upx;
		color: rgba(175,175,175,1.00);
		height: 100upx;
		float: left;
	}
	.renyuan-item-id{
		width: 448upx;
		font-size: 28upx;
		position: relative;
		padding-top: 20upx;
		border-bottom: rgba(246,246,246,1.00) solid 1upx;
		color: rgba(175,175,175,1.00);
		height: 200upx;
	}
	.renyuan-item-id image{
		margin-top: 88upx !important;	
		top: 0;
		right: 0;
		font-size: 21upx;
		position: absolute;
		color: #666666;
	}
	.renyuan-item-id:last-child{
		border-bottom: none;
	}
	.renyuan-name-id{
		width: 340upx;
		display: block;
		font-size: 30upx;
		line-height: 60upx;
		height: 60upx;
		color: rgba(51,51,51,1.00);
	}
	.renyuan-info-id{
		width: 340upx;
		display: block;
		font-size: 26upx;
		line-height: 60upx;
		height: 60upx;
		color: rgba(102,102,102,1.00);
	}
	.renyuan-tip-id{
		width: 340upx;
		display: block;
		font-size: 30upx;
		line-height: 120upx;
		height: 120upx;
		color: rgba(89,168,255,1.00);
	}
	.order-right image{
		width: 20upx;
		height: 23upx;
		float: right;
		margin-top: 12upx;
		font-size: 21upx;
		color: #666666;
	}
	.far{
		width: 100%;
		display: block;
		font-size: 25upx;
		color: #666666;
	}
	.time{
		font-size: 28upx;
		float: left;
		color: #666666;
	}
	.time-n{
		font-size: 30upx;
		/* float: left; */
		margin-right: 6upx;
		color: rgba(180,180,180,1.00);
	}
	.tip{
		width: 100%;
		display: block;
		margin-top: 5upx;
		font-size: 25upx;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		color: #666666;
	}
	.read{
		width: 60%;
		display: block;
		margin-top: 5upx;
		font-size: 25upx;
		text-align: right;
		float: right;
		color: #5595FF;
		margin-right: 20upx;
	}
	
	.quxiao{
		color: #82BDFF;
		width: 600upx;
		display: block;
		margin-left: 36upx;
		margin-top: 20upx;
		font-size: 26upx;
	}
	.days-rooms{
		color: #FE9C0C;
		font-size: 28upx;
		margin-left: 36upx;
		margin-top: 20upx;
	}
	.order-info{
		width: 677upx;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20upx;
		padding-top: 20upx;
		padding-bottom: 20upx;
		/* padding-top: 2upx; */
		/* margin-bottom: 140upx; */
		border-radius: 20upx;
		background: #ffffff;
		box-shadow: 0px 0px 15px 0px rgba(232,232,232,1);
		/* background: #0075EE; */
	}
	.order-info-line{
		width: 614upx;
		margin-left: auto;
		margin-right: auto;
		padding: 20upx 0;
		height: 50upx;
		display: flex;
		position: relative;
		flex-direction: row;
	}
	.order-label{
		width: 172upx;
		display: block;
		line-height: 50upx;
		font-size: 30upx;
		float: left;
		height: 50upx;
		padding-top: 2upx;
	}
	
	.order-input{
		height: 50upx;
		width: 400upx;
		font-size: 28upx;
	}
	.order-room-num{
		height: 50upx;
		width: 300upx;
		font-size: 28upx;
		line-height: 50upx;
		display: block;
	}
	.order-time{
		height: 50upx;
		width: 400upx;
		font-size: 28upx;
		line-height: 50upx;
		position: relative;
	}
	.common-user{
		width: 180upx;
		height: 50upx;
		padding-right: 20upx;
		text-align: right;
		color: #BBBBBB;
		font-size: 24upx;
		line-height: 50upx;
	}
	.common-jiantou{
		width: 15upx;
		height: 20upx;
		margin-top: 12upx;
		min-width: 10px;
		min-height: 14px;
	}
	.time-jiantou{
		width: 15upx;
		height: 20upx;
		margin-top: 12upx;
		min-width: 10px;
		min-height: 14px;
	}
	.txl{
		width: 28upx;
		height: 30upx;
		margin-top: 12upx;
		min-width: 10px;
		min-height: 14px;
	}
	.num-jiantou{
		width: 15upx;
		height: 20upx;
		margin-top: 5upx;
		min-width: 10px;
		min-height: 14px;
		/* transform: rotate(90deg); */
	}
	.hotel-pos{
		width: 614upx;
		margin-left: auto;
		margin-right: auto;
		padding-top: 20upx;
		height: 80upx;
		
	}
	.hotel-pos-label{
		font-size: 28upx;
		margin-left: 20upx;
		float: left;
	}
	.hotel-pos image{
		width: 20upx;
		min-width: 15px;
		min-height: 21px;
		height: 27upx;
		float: left;
	}
	.hotel-add{
		font-size: 28upx;
		margin-left: 100upx;
		float: right;
	}
	.date{
		width: 614upx;
		height: 60upx;
		display: table;
		font-size: 35upx;
		margin-left: auto;
		/* margin-top: 10upx; */
		margin-right: auto;
	}
	.data-text{
		color: #000000;
		margin-top: 10upx;
		font-size: 24upx;
		float: left;
	}
	.date .time{
		color: #000000;
		font-size: 28upx;
		float: none;
	}
	.date .zhi{
		margin-left: 10upx;
		margin-right: 10upx;
	}
	.date .days{
		color: #FE9E0D;
		font-size: 28upx;
		margin-top: 10upx;
		float: right;
		
	}
	.youhui{
		width: 614upx;
		height: 60upx;
		font-size: 35upx;
		margin-left: auto;
		padding-top: 20upx;
		margin-right: auto;
	}
	.youhui image{
		width: 38upx;
		height: 42upx;
		margin-right: 20upx;
		float: left;
	}
	.jf{
		float: left;
		font-size: 28upx;
	}
	.order-bottom{
		width: 750upx;
		height: 98upx;
		border-top: rgba(0,0,0,0.1) solid 1upx;
		position: fixed;
		z-index: 23;
		bottom: 0;
		background: #FFFFFF;
	}
	.order-bottom .btn{
		float: right;
		width: 200upx;
		height: 98upx;
		border: none;
		text-align: center;
		line-height: 98upx;
		color: #FFFFFF;
		font-size: 30upx;
		background: -webkit-linear-gradient(left, #54B0FF,#577AFF);
		/* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, #54B0FF,#577AFF);
		/* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, #54B0FF,#577AFF);
		/* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #54B0FF,#577AFF);
		/* 标准的语法 */
	}
	.order-bottom .btn2{
		float: right;
		width: 200upx;
		height: 82upx;
		border: none;
		vertical-align: middle;
		text-align: center;
		padding-top: 16upx;
		line-height: 34upx;
		color: #FFFFFF;
		font-size: 30upx;
		background: -webkit-linear-gradient(left, #a0d3ff,#b1c1ff);
		/* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, #a0d3ff,#b1c1ff);
		/* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, #a0d3ff,#b1c1ff);
		/* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #a0d3ff,#b1c1ff);
		/* 标准的语法 */
	}
	
	.sum{
		float: right;
		color: #E25115;
		font-size: 30upx;
		line-height: 49upx;
		height: 40upx;
	}
	.price{
		float: right;
		color: #E25115;
		font-size: 36upx;
		line-height: 49upx;
		height: 40upx;
		margin-right: 23upx;
	}
	.yh{
		width: 100%;
		text-align: right;
	}
	.yh text{
		padding-left: 20upx;
		height: 35upx;
		font-size: 24upx;
		line-height: 35upx;
		padding-right: 20upx;
		border-radius: 20upx;
		margin-right: 23upx;
		color: #FFFFFF;
		background: -webkit-linear-gradient(left, #FE970A,#FF4E00);
		/* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, #FE970A,#FF4E00);
		/* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, #FE970A,#FF4E00);
		/* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #FE970A,#FF4E00);
		/* 标准的语法 */
	}
	
	.if-add-xc{
		width: 514upx;
		height: 246upx;
		border-radius: 20upx;
		background: #FFFFFF;
		position: fixed;
		top: 500upx;
		left: 118upx;
		text-align: center;
		z-index: 30;
	}
	.if-add-xc text{
		width: 100%;
		display: block;
		height: 40upx;
		margin-top: 73upx;
		font-size: 28upx;
	}
	.add-xc-bottom{
		width: 100%;
		height: 94upx;
		border-top: #E6E6E6 solid 1upx;
		position: absolute;
		bottom: 0;
	}
	.add-quxiao{
		width:257upx;
		height: 94upx;
		text-align: center;
		line-height: 94upx;
		color: #CCCCCC;
		float: left;
		font-size: 28upx;
	}
	.add-add{
		width:255upx;
		height: 94upx;
		text-align: center;
		line-height: 94upx;
		color: #55A0FF;
		float: right;
		font-size: 28upx;
		border-left: #E6E6E6 solid 1upx;
	}
</style>
